import { Component } from "react";

import ArticleOperation from './ArticleOperation';

class ArticleItem extends Component {
    render(){

        const { ordinal, article } = this.props ;

        return (
            <div className="article-item">
                <span>{ ordinal }</span>
                <span>{ article.title }</span>
                <span>{ article.author }</span>
                <span>
                    <ArticleOperation articleId={ article.id }></ArticleOperation>
                </span>
            </div>
        )
    }
}

export default ArticleItem;